{% from "macros.html" import static_file %}
<!DOCTYPE html>
<html lang="zh_cn">
<head>
    {% block head %}
        <meta charset="UTF-8">
        <title>{% block title %}Base{% endblock title %}</title>
        {% block styles %}
            <!-- <script src="https://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script> -->
            <!-- <script type="text/javascript" src="static\js\echarts.min.js"></script> -->
            {#    <script type="text/javascript" src="{{ url_for('static', filename='js/jquery.min.js') }}"></script>#}
            {#    <script type="text/javascript" src="{{ url_for('static', filename='js/echarts.min.js') }}"></script>#}
            {{ static_file("js",'js/jquery.min.js') }}
            {{ static_file("js",'js/echarts.min.js') }}
            {{ static_file("js",'js/china.js') }}
            {{ static_file("css","css/bootstrap.min.css") }}
            {{ static_file("css","style.css") }}
{#            <style>#}
{#                main {#}
{#                    background:url({{ url_for('static', filename='img/bejing.jpeg') }});#}
{#                }#}
{#            </style>   背景#}
        {% endblock styles %}
    {% endblock head %}
</head>

<body>
<nav>
    <ul>
        <li><a href="{{ url_for('index') }}" title="Home">Home</a></li>
        <li><a href="{{ url_for('funnel') }}" title="Home">ONE</a></li>
        <li><a href="{{ url_for('table_a') }}" title="Home">Table</a></li>
    </ul>
</nav>
<hr>
<main>
    {%- for message in get_flashed_messages() %}
        <div class="alert">{{ message }}</div>
    {% endfor -%}
    {%- block content %}
        {%- block show %}
        {% endblock -%}
    {% endblock content -%}
</main>

<footer>
    <hr>
    {% block footer %}
        <small> &copy; 2021 <a href="http://aqiu.info" title="Written by Q Liu">Q Liu</a> /
            <a href="https://github.com/greyli/helloflask" title="Fork me on GitHub">GitHub</a> /
            <a href="http://helloflask.com" title="A HelloFlask project">HelloFlask</a>
        </small>
    {% endblock footer %}
</footer>
{% block scripts %}
    <!-- #JavaScript脚本 -->
{% endblock scripts %}
</body>

</html>